@charset"UTF-8";

/*common.css 2018/6/12 write by yudangping*/
.contWidth{width:1220px;margin:0 auto;}
.contWidth a:hover{text-decoration:none;outline:0;}
.clearflow{overflow:hidden;*zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.fl{float:left;*display:inline;}
.fr{float:right;*display:inline;}
.fontArial{font-family:arial;}

/*单行、两行、三行省略*/
.common-line-one{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.common-line-two{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.common-line-three{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

/*button gray*/
.common-btn-gray{background-color:#eaeaea;color:#666;}
.common-btn-gray:hover{background-color:#f0f0f0;color:#666;}
.common-btn-gray.active{background-color:#bbb;color:#fff;}
.common-btn-gray.disable{background-color:#f6f6f6;color:#ccc;}

/*button blue*/
.common-btn-blue,.common-btn-blue:focus{background-color:#1184e1;color:#fff;}
.common-btn-blue:hover{background-color:#1a8fee;color:#fff;}
.common-btn-blue.active{background-color:#076fc4;color:#fff;}
.common-btn-blue.disable,.common-btn-blue.disable:hover{background-color:#a9daf8;color:#fff;cursor:not-allowed;}

/*button yellow*/
.common-btn-yellow{background-color:#f6cf36;color:#fff;}
.common-btn-yellow:hover,.common-btn-yellow:focus{background-color:#ffcd00;color:#fff;}
.common-btn-yellow.active{background-color:#deb40a;color:#fff;}
.common-btn-yellow.disable{background-color:#f6e9bc;color:#fff;}

/*button brown*/
.common-btn-red{background-color:#ff2d55;color:#fff;}
.common-btn-red:hover{background-color:#ff5676;color:#fff;}
.common-btn-red.active{background-color:#ef002d;color:#fff;}
.common-btn-red.disable{background-color:#ff9eb1;color:#fff;}

/*button green*/
.common-btn-green{background-color:#53d08e;color:#fff;}
.common-btn-green:hover{background-color:#82deaf;color:#fff;}
.common-btn-green:focus,.common-btn-green.active{background-color:#46ba7d;color:#fff;}
.common-btn-green.disable{background-color:#c8f5de;color:#fff;}

/*border*/
.common-br2{-moz-border-radius:2px;border-radius:2px;-ms-border-radius:2px;}
.common-br4{-moz-border-radius:4px;border-radius:4px;-ms-border-radius:4px;}
.common-border-e8{border:1px solid #e8e8e8;}
.common-border-ccc{border:1px solid #ccc;}
.common-border-ccc{border:1px solid #ccc;}

/*select*/
.select-hide{display:none;}
.common-select{position:relative;height:32px;width:266px;background-color:#fff;line-height:30px;color:#a8a8a8;font-size:12px;text-indent:10px;-moz-border-radius:2px;border-radius:2px;}
.common-select-toggle{position:relative;width:100%;height:30px;padding-right:30px;border:1px solid #bbb;}
.common-select-toggle:hover{border:solid 1px #999;}
.common-select-toggle span{color:#a8a8a8;}
.common-select-toggle span.on{color:#323232;}
.common-select.selected .common-select-toggle span{color:#323232;}
.common-select-toggle .iconfont{position:absolute;top:12px;right:9px;z-index:3;font-size:18px;line-height:9px;color:#aaa;}
.common-selct-list{display:none;position:absolute;top:34px;left:-1px;z-index:10;width:100%;max-height:210px;background-color:#fff;border:1px solid #bbb;overflow:hidden;-moz-border-radius:2px;border-radius:2px;}
.common-selct-list .select-list{overflow-y:auto;max-height:210px;}
.common-selct-list li{width:100%;margin-bottom:10px;height:30px;color:#666;line-height:30px;cursor:pointer;text-indent:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.common-selct-list li:hover{background-color:#C2F1D9;color:#666;}

/*palceholder 模拟*/
.common-form-group:after{content:" ";display:table;clear:both;}
.common-label{float:left;margin-right:18px;font-size:12px;color:#323232;line-height:32px;}
.common-form{position:relative;float:left;width:300px;}
.common-input{width:100%;height:32px;font-size:12px;line-height:1.5;padding:5px 25px 5px 10px;border:solid 1px #bbb;color:#323232;-moz-border-radius:2px;border-radius:2px;}
.common-notice{position:absolute;top:7px;left:10px;height:20px;font-size:12px;line-height:20px;color:#a8a8a8;}
.common-i-error{display:none;position:absolute;top:4px;right:8px;z-index:4;font-size:16px;color:#FF2D55;}
.common-has-error .common-i-error{display:block;}
.common-has-error .common-input,.common-has-error .common-input:hover,.common-has-error .common-input:focus{border:1px solid #ff2d55;color:#ff2d55;}
.common-input:hover,.common-input:focus{border:1px solid #999;}
.common-error{height:20px;line-height:20px;color:#ff2d55;}
.common-textarea{resize:none;height:200px;padding:5px 5px 5px 10px;}

/*layer*/
.body-mode{height:100%;overflow:hidden;}
.common-layer-shadow{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;background-color:#000;opacity:.7;filter:alpha(opacity=70);}
.common-layer{position:fixed;left:50%;top:50%;z-index:999999;width:500px;height:300px;background-color:#fff;margin:-150px 0 0 -250px;color:#323232;-moz-border-radius:4px;border-radius:4px;}
.common-layer-title{position:relative;height:47px;line-height:47px;font-size:16px;color:#32323;}
.common-layer-title-v{padding:0 20px;line-height:46px;border-bottom:1px dashed #dcdcdc;}
.common-layer-close{position:absolute;right:14px;top:14px;color:#999;width:20px;height:20px;line-height:20px;cursor:pointer;font-size:14px;}
.common-layer-close:hover{color:#323232;}
.common-layer-main{position:relative;height:170px;margin:0 auto;overflow:hidden;}
.common-layer-btns{font-size:0;text-align:center;overflow:hidden;*zoom:1;}
.common-layer-btn{display:inline-block;padding:8px 27px;line-height:20px;font-size:14px;-moz-border-radius:2px;border-radius:2px;}
.layer-btn-sort-1{margin-left:40px;}

/*page*/
.common-page{text-align:center;font-size:0;overflow:hidden;*zoom:1;}
.common-page li{display:inline-block;margin-left:5px;font-size:14px;color:#666;}
.common-page li .iconfont{font-size:14px;color:#c6c6c6;}
.common-page li a{float:left;padding:6px 12px;line-height:1.42857143;border:1px solid #e8e8e8;color:#666;-moz-border-radius:2px;border-radius:2px;}
.common-page .morePage{border:0;background-color:#f9f9f9;width:34px;height:34px;padding:0;cursor:text;}
.common-page .morePage:hover{background-color:#f9f9f9;}
.common-page .morePage span{float:left;width:3px;height:3px;background-color:#ddd;margin:15px 0 0 3px;}
.common-page .morePage span:first-child{margin-left:7px;}
.common-page .active,.common-page .active:hover{background-color:#1184E1;border-color:#1184E1;color:#fff;}
.common-page a:hover{border-color:#1184E1;color:#666;}
.common-page a:hover .iconfont{border-color:#1184E1;color:#1184E1;}
.common-page .lidisable, .common-page .lidisable:hover{border:1px solid #f5f5f5;color:#d9d9d9;cursor:not-allowed;}
.common-page .lidisable:hover .iconfont,.common-page .lidisable .iconfont{color:#f4f4f4;}